const baseUrl = 'http://api-breakingnews-web.itheima.net'

//获取用户的基本信息  显示头像 名字
//1.0 先判断是否有访问权限
let token = localStorage.getItem('token')
//1.1无token 返回登录页
if (!token) {
    location.href = '/login.html'
}
let form = layui.form;
form.verify({ // 指定规则名和对应的验证规则
    nickname: [ // 昵称
        /^[\u4E00-\u9FA5]+$/,
        '昵称只能是中文'
    ],
})
//1.2 有token 携带token发送请求获取用户的基本信息
function getUser() {
    axios.get(`${baseUrl}/my/userinfo`, {
        headers: {
            Authorization: token
        }
    }).then((res) => {
        if (res.data.status === 0) {
            //请求成功
            let { nickname, id, username, email } = res.data.data  //放在请求成功里面获取数据  
            // 要不然token过期请求不到数据会报错  阻止了下代码的执行
            console.log(res);
            $('input[name=nickname]').val(nickname)
            $('input[name=username]').val(username)
            $('input[name=email]').val(email)
            $('input[name=id]').val(id)
        }
        if (res.data.status === 1) {
            //移除过期token
            localStorage.removeItem('token')
            //提示
            layer.msg(res.data.message + '请重新登录');
            setTimeout(() => {
                //返回登录页
                location.href = '/login.html'
            }, 2000);
        }
    })
}
getUser()
// 2.发送请求修改用户信息
//2.1注册点击事件
$('form').on('submit', e => {
    e.preventDefault()
//搜集数据
let data = $('form').serialize()

//2.3发送请求
axios.post(`${baseUrl}/my/userinfo`,data,{
    headers:{
        Authorization:token
    }
}).then((res)=>{
    //当前为嵌套页面 有自己的html和body自己的window
    //调用时用父级的调用  因为方法在父级window上
window.parent._getUserInfo()

})
})
//2.4重置
//注册点击事件
console.log($('button[type="reset"]'));
$('button[type="reset"]').on('click',(e)=>{
    e.preventDefault()
    getUser()
})